<?php
/**
  * Mar 6, 2008
  *
  * Coded by: Ropu
  *
  */

?>

<style type="text/css">

td.error {
  color: red;
  font-size:13px;
  text-align:center;
}
body {
   font-family:verdana,arial;
}
table.canvas_table
{
  empty-cells: show;
  border-collapse: collapse;
  border: thin inset rgb(100,100,100);  
  background-color: rgb(255,255,255);
  align:center;
  vertical-align: middle;
  width:100%;
}
input.button
{
  border: thin outset rgb(100,100,100);
  background-color: rgb(220,220,220)
}
h2
{
  text-align:center;
  font-family:verdama;
  font-size:16px;
  overflow:hidden;
}
th
{
  font-family:verdama;
  font-size:14px;overflow:hidden;
}

div.table_title {
  text-align:center;
  font-family:verdama;
  font-size:20px;
  overflow:hidden;
  height:25px;
	vertical-align: bottom;
}
div.app_description {
  font-family:verdama;
  font-size:14px;
  overflow:auto;
	vertical-align: bottom;
	height:50px;
}
div.template_body {
  vertical-align: top;
  width:100%;
}
a:hover {
  text-decoration:underline;
}
a {
  color:#3B5998;
  text-decoration:none;
}

</style>
<div class="template_body">
  <div class="table_title">
  <?=sprintf($lang['hackathon']['hackers'], $hackathon_name);?>
  </div>
	<table class="canvas_table" id="app">

<?php

//$hackers = HackathonDAO::getByHackathon(1);
$col = 0;
$cols=5;

foreach($hackers as $h) {
//  $h=new Hacker();
?>
			<td width="70px">
				<div class="hacker_thum" style="text-align: center">
					<a href="javascript:goToUrl('profile.php?id=<?=$h->getId();?>');void(0);">
						<img onError="this.onerror=''; this.src='http://images.hi5.com/images/nophoto_boy_100.gif'" src="<?=$h->getPicture();?>" border="0" style="height:70px;width:70px"/><br />
					  <?=$h->getNickname();?>
					</a>
				</div>
				<div class="hacker_app_num" style="text-align: center">
					<a href="javascript:goToUrl('profile.php?id=<?=$h->getId();?>');void(0);">
					  <?=sprintf($lang['hackathon']['has_app'], count($h->getApps()));?>
					</a>
				</div>     
			</td>
<?php
  $col++;
  if(!($col%$cols)){
    echo "</tr><tr>";        
  }

}
?>
</table>
</div>
